import React from "react";

const ResourcesRule = () => {
  return (
    <div
      style={{
        maxWidth: 800,
        margin: "40px auto",
        padding: "0 20px",
        fontFamily: "'Segoe UI', Tahoma, Geneva, Verdana, sans-serif",
        lineHeight: 1.6,
        color: "#333",
      }}
    >
      <h1
        style={{
          textAlign: "center",
          marginBottom: 30,
          color: "#1677ff",
          fontWeight: "bold",
          fontSize: "2.4rem",
        }}
      >
        资源发布规则
      </h1>

      <p style={{ fontSize: "1.1rem", marginBottom: 20 }}>
        欢迎使用 PT 社区资源发布功能。为了保障社区资源的质量与安全，
        请您在发布资源前仔细阅读并遵守以下规则：
      </p>

      <section style={{ marginBottom: 25 }}>
        <h2 style={{ color: "#1890ff", marginBottom: 12, fontSize: "1.4rem" }}>
          1. 资源内容要求
        </h2>
        <ul style={{ paddingLeft: 20, listStyleType: "disc" }}>
          <li>资源必须为合法、原创或有版权授权的内容。</li>
          <li>严禁发布包含病毒、恶意软件或其他危害社区安全的文件。</li>
          <li>资源描述应详细、准确，避免误导用户。</li>
          <li>请注明资源的版本号、大小和使用说明等关键信息。</li>
        </ul>
      </section>

      <section style={{ marginBottom: 25 }}>
        <h2 style={{ color: "#1890ff", marginBottom: 12, fontSize: "1.4rem" }}>
          2. 上传格式规范
        </h2>
        <ul style={{ paddingLeft: 20, listStyleType: "disc" }}>
          <li>支持主流压缩格式（如 zip、rar、7z）。</li>
          <li>禁止上传含有非法内容的格式文件。</li>
          <li>建议文件大小不超过 2GB，避免影响下载体验。</li>
        </ul>
      </section>

      <section style={{ marginBottom: 25 }}>
        <h2 style={{ color: "#1890ff", marginBottom: 12, fontSize: "1.4rem" }}>
          3. 违规处理
        </h2>
        <ul style={{ paddingLeft: 20, listStyleType: "disc" }}>
          <li>发现违规资源，管理员将进行删除处理，并视情况封禁账号。</li>
          <li>恶意发布违法资源者将移交相关部门处理。</li>
          <li>社区欢迎用户举报不良资源，共同维护健康环境。</li>
        </ul>
      </section>

      <section>
        <h2 style={{ color: "#1890ff", marginBottom: 12, fontSize: "1.4rem" }}>
          4. 版权声明
        </h2>
        <p>
          发布资源即代表您拥有该资源的合法使用权或已获得授权。社区对版权侵权行为零容忍，侵犯版权的资源将被立即删除。
        </p>
      </section>

      <footer
        style={{
          marginTop: 40,
          fontSize: "0.9rem",
          color: "#888",
          textAlign: "center",
        }}
      >
        感谢您的配合，共同打造优质资源社区！
      </footer>
    </div>
  );
};

export default ResourcesRule;
